<template>
  <div id="app" :style="{height:clientHeight+'px'}">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'app',
  components: {},
  data (){
    return {
      clientHeight:''
    }
  },
  created (){
    let self =this;      //网页可见区域宽(body)
    self.clientHeight = self.$store.state.clientHeight;//获取浏览器可视区域高度
    window.onresize = function(){
      self.$store.commit('onresize')
      self.clientHeight =  self.$store.state.clientHeight;
    }
  }
}
</script>
<style lang="stylus" scoped>
#app
  width 100%
  background #eff3f5
</style>
